.projects_Main_box {
  /* margin-top: -100vh; */
  background-color: #fff;
  position: relative;
  z-index: 6;
}

.paging_Wrapper {
  display: none;
}

.projects_Main_Wrapper {
  height: 614px;
  overflow: hidden;
}

.project_Group {
  display: flex !important;
}

.projects_Card {
  position: relative;
  height: 500px;
  transition: 0.3s;
  flex: 1;
  z-index: 2;
  overflow: hidden;
}

.projects_Data {
  position: absolute;
  bottom: -190px;
  /* width: 80%; */
  left: 10%;
  right: 10%;
  /* transform: translateX(-50%); */
  z-index: 20;
  transition: 0.3s;
  height: 334px;
}

.projects_Data * {
  color: #fff;
}
.projects_Image {
  width: 100%;
  height: 100%;
  transition: 0.3s;
}

.projects_Image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.8);
  transition: 0.3s;
}

.projects_Card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 248px;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, #121212 100%);
}

.projects_Location {
  display: flex;
  align-items: center;
  gap: 4px;
}

.projects_Location p:first-of-type {
  opacity: 0.4;
  transition: 0.3s;
}

.projects_Location .ezIcon {
  --icon-color: #fff;
}

.projects_Info {
  display: flex;
  flex-direction: column;
  gap: 90px;
  transition: 0.3s;
}
.projects_Info h3 {
  --line-limit: 3;
}

@media (min-width: 992px) {
  .projects_Card:hover {
    flex: 2.57;
  }

  .projects_Card:hover .projects_Data {
    bottom: -110px;
  }

  .projects_Card:hover .projects_Info {
    gap: 8px;
  }

  .projects_Card:hover .projects_Image img {
    filter: brightness(0.6) blur(4px);
    transform: scale(1.1);
  }

  .projects_Card:hover .projects_Location p {
    opacity: 1;
  }
}

body .NewsArticles .projects_Main_Wrapper_Arrows {
  display: flex;
  width: 104px;
  justify-content: space-between;
  align-items: center;
  /* padding-top: 40px; */
  /* margin-inline-end: 8%; */
  /* margin-inline-start: auto; */
  /* margin-bottom: 38px; */
  z-index: 7;
  position: absolute;
  top: -70px;
  inset-inline-end: 8%;

  .slick-arrow {
    position: relative !important;
    transform: unset !important;
    left: unset !important;
    right: unset !important;
    top: unset !important;
    translate: unset !important;
    border-radius: 50% !important ;
    background: var(--Gray-G100, #fff);
    box-shadow: 0 4px 24px 0 rgba(18, 18, 18, 0.15);
  }
}

.projects_Inner_Title {
  width: 56.66%;
  margin-inline: auto;
  margin-top: 136px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.projects_Inner_Title h1::before {
  content: "";
  position: absolute;
  inset-inline-start: -16px;
  top: 22px;
  width: 184px;
  height: 16px;
  background-color: var(--Gray-G99);
  z-index: -1;
}

.projects_Inner_Date {
  display: flex;
  align-items: center;
  gap: 8px;

  .ezIcon {
    --icon: 24px;
    --icon-color: var(--Gray-G60);
  }

  p:last-child {
    margin-inline-start: 8px;
    letter-spacing: 3px;
  }
}

.projects_Scroll_Par_Wrapper {
  position: relative;
  margin-top: 86px;
  height: 100vh;
  min-height: 540px;
  isolation: isolate;
}

.projects_Scroll_Par_Wrapper {
  position: relative;
  z-index: 1;
}

.projects_Mission_Main,
.projects_Duties_Main {
  position: relative;
  z-index: 2;
  background: #fff;
}

.projects_Scroll_Image {
  position: absolute;
  top: 0;
  left: 30%;
  right: 30%;
  height: 540px;
  width: auto;
  margin: 0 auto;
  overflow: hidden;

  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: left, right, height;
}

.projects_Scroll_Image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;

  transform: translateZ(0) scale(1.01);
  backface-visibility: hidden;
}

.projects_Scroll_Par_Wrapper.cent .projects_Scroll_Image img {
  object-position: top;
}

.projects_Scroll_Overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  z-index: 1;
}

.projects_Scroll_Text {
  position: absolute;
  inset: 0;

  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: start;
  gap: 40px;

  max-width: 1320px;
  margin: auto;
  opacity: 1;
  /* transform: translateY(50px); */

  padding: 40px;
  z-index: 2;
}

.projects_Scroll_Text p {
  opacity: 0;
  transform: translateY(50px);
}

@media (max-width: 992px) {
  .projects_Card {
    height: unset !important;
    aspect-ratio: 3 / 2;
  }
  .projects_Info {
    height: 72px;
    overflow: hidden;
  }
  .projects_Scroll_Par_Wrapper {
    height: 100vh;
    min-height: 420px;
  }

  .projects_Scroll_Image {
    height: 420px;
    left: 8%;
    right: 8%;
  }

  .projects_Scroll_Text p:first-child {
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
  }

  .projects_Scroll_Text p:last-child {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
  }
}

.projects_Inner_Info_Item {
  display: flex;
  align-items: center;
  opacity: 0;

  p:first-child {
    opacity: 0;
  }

  p {
    flex: 0 0 max-content;
  }

  .line_Item {
    width: 100%;
    position: relative;
    opacity: 0;
    transition: 0.3s;

    &::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateY(-50%) translateX(-50%);
      height: 1px;
      width: 95%;
      background-color: #fff;
      opacity: 0.5;
    }
  }
}

.projects_Inner_Infos {
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.projects_Inner_Bottom {
  background-color: #fff;
  /* margin-top: -100vh; */
  position: relative;
  /* z-index: 5; */
}
.projects_Inner_Body {
  padding-block: 104px 64px;

  h2,
  strong {
    position: relative;
    color: var(--Gray-G00, #121212);
    font-size: 22px;
    font-weight: 700;
    line-height: 44px; /* 200% */
    padding-inline-start: 40px !important;
    margin-bottom: 24px !important;

    &::before {
      content: "";
      position: absolute;
      inset-inline-start: 0px;
      top: 40%;
      transform: translateY(-50%);
      background-image: url(/portals/_default/Skins/ez-skin/assets/icons/tree-gray.svg);
      background-repeat: no-repeat;
      background-size: contain;
      width: 24px;
      height: 44px;
    }
  }

  p {
    color: var(--Gray-G30, #4f4f4f);
    font-size: 16px;
    font-weight: 400;
    line-height: 32px; /* 200% */
    margin-bottom: 56px;
  }

  ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 !important;

    li {
      color: var(--Gray-G30, #4f4f4f);
      font-size: 16px;
      font-weight: 400;
      line-height: 32px; /* 200% */
      padding-inline-start: 26px !important;
      position: relative;

      &::before {
        content: "";
        position: absolute;
        inset-inline-start: 0;
        top: 2px;
        background-image: url(/portals/_default/Skins/ez-skin/assets/icons/chevron.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 24px;
        height: 24px;
        filter: brightness(0) saturate(100%) invert(40%) sepia(71%)
          saturate(2611%) hue-rotate(346deg) brightness(95%) contrast(98%);
      }
      body:not(.rtl) &::before {
        rotate: 180deg;
      }
    }
  }
}

@media (max-width: 992px) {
  .projects_Inner_Title {
    width: 86%;
    margin-top: 0;
    margin-bottom: -40px;
  }

  .projects_Inner_Title h1::before {
    inset-inline-start: -9px;
    top: 12px;
  }

  .projects_Inner_Title {
    gap: 42px;
  }

  .line_Item {
    display: none;
  }

  .projects_Inner_Info_Item {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #fff;
  }
  .projects_Image {
    height: unset !important;
    aspect-ratio: 3 / 2;

    width: 100%;
    transition: 0.3s;
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 0.3s;
      filter: brightness(0.8);
    }
  }
  .projects_Data {
    bottom: 10% !important;
    height: unset !important;
  }
}

/* GALLERY DETAIL */

@media (max-width: 900px) {
  .image-gallery-wrapper li {
    width: 100% !important;
    height: 72px !important;
  }
  .image-gallery-wrapper {
    padding: 0 !important;
    box-shadow: none !important;
  }

  .gallery-image-container {
    /* border-radius: 12px; */
    /* box-shadow: 0 6px 120px 0 rgba(7, 14, 47, 0.1); */
    /* padding: 16px; */
  }
  .gallery-image-container .top-image {
    width: 100%;
    height: 230px;
    /* border-radius: 8px; */
    overflow: hidden;
  }
  .gallery-image-container .top-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .image-gallery-wrapper .ImagesItem {
    display: flex !important;
    gap: 16px;
    height: 72px;
    width: 100%;
    overflow-x: scroll !important;
    scroll-snap-type: x mandatory;
  }
  .image-gallery-wrapper li {
    display: flex;
    width: 128px !important;
    flex-shrink: 0;
    scroll-snap-align: start;
  }
  .image-gallery-wrapper li:nth-child(1),
  .image-gallery-wrapper li:nth-child(2) {
    display: none;
  }
  .image-gallery-wrapper li:nth-child(5) a::before {
    display: none !important;
  }
  .image-gallery-wrapper li:nth-child(5) a::after {
    display: none !important;
  }
  .image-gallery-wrapper li:nth-child(n + 6) {
    display: block !important;
  }
}
.image-gallery-wrapper {
  /* border-radius: 12px; */
  /* box-shadow: 0 6px 120px 0 rgba(7, 14, 47, 0.1); */
  /* padding: 40px; */
}
.image-gallery-wrapper li {
  /* border-radius: 8px; */
  overflow: hidden;
  height: 128px;
  width: 100%;
  position: relative;
}
.image-gallery-wrapper li:nth-child(5) a::after {
  content: "همه تصاویر";
  position: absolute;
  color: white;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 200% */
  width: 100%;
  height: 100%;
  background: rgba(18, 18, 18, 0.7);
  backdrop-filter: blur(3px);
  z-index: 2;
}
.image-gallery-wrapper li:nth-child(n + 6) {
  display: none;
}
.image-gallery-wrapper li:nth-child(5) a::before {
  content: url("../assets/icons/chevron.svg");
  position: absolute;
  top: 42%;
  left: 25%;
  --icon: 18px;
  filter: brightness(0) invert(1); /* تمام رنگ‌ها سفید میشن */
  z-index: 5;
}
.image-gallery-wrapper .ImagesItem {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

/* First image: full-width across all 4 columns */
.image-gallery-wrapper .gallery:first-child {
  grid-column: 1 / -1;
  height: auto;
  /* border-radius: 8px; */
  overflow: hidden;
}

/* Other images: perfect squares */

.image-gallery-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-gallery-wrapper li a {
  width: 100%;
  aspect-ratio: 3 / 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.all-projects-fixed {
  position: fixed;
  top: 50%;
  inset-inline-end: 0;
  position: fixed;
  padding: 12px 24px !important;
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--Gray-G100, #fff);
  box-shadow: 0 4px 32px 0 rgba(18, 18, 18, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  z-index: 2;
}
.all-projects-fixed:hover .ezIcon {
  transform: translateX(-8px);
}
body:not(.rtl) .all-projects-fixed .ezIcon {
  rotate: 180deg;
}
.projects_Inner_Body {
  table {
    width: 100%;
    border: 1px solid var(--Gray-G95, #e4e4e4);
    background: var(--Gray-G100, #fff);
    box-shadow: 0 8px 48px 0 rgba(18, 18, 18, 0.08);
    margin-bottom: 104px;

    th {
      color: var(--Gray-G100, #fff);
      font-size: 16px;
      font-weight: 600;
      line-height: 32px;
      background: var(--Gray-G20, #3d3d3d);
      padding-block: 16px;
      text-align: center;
      vertical-align: middle;

      &:first-child {
        padding-inline-start: 16px;
      }
    }

    td {
      color: var(--Gray-G40, #626262);
      font-size: 14px;
      font-weight: 600;
      line-height: 28px;
      padding-block: 16px;
      text-align: center;
      vertical-align: middle;

      &:first-child {
        padding-inline-start: 16px;
      }
    }

    tr {
      &:not(:last-child) {
        border-bottom: 1px solid var(--Gray-G90, #d1d1d1);
      }

      &:nth-child(odd) {
        background: var(--Gray-G100, #fff);
      }
      &:nth-child(even) {
        background: #f9f9f9;
      }
    }
  }
}